// 定义实物类Food
class Food{
	// 定义一个属性表示食物对应的属性
	element: HTMLElement

	constructor() {
		// 获取页面的中的food元素并将其赋值给element
		this.element = document.getElementById('food')!
	}

	// 定义一个获取实物x轴坐标
	get X() {
		return this.element.offsetLeft
	}

	// 获取Y轴坐标的方法
	get Y() {
		return this.element.offsetTop
	}

	// 修改实物的位置的方法
	change() {
		// 生成随机的位置 => 0 ~ 290的整数, 同时是10的倍数
		let top = Math.round(Math.random() * 29) * 10
		let left = Math.round(Math.random() * 29) * 10
		

		this.element.style.top = top + 'px'
		this.element.style.left = left + 'px'
	}
}


export default Food